@import '_var';
.container{
    width: 1000px;
    margin: 0 auto;
}
.banner{
    img{
        width: 100%;
        height: 230px;
    }
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: map-get($map: $color, $key: lightgreen);
    color: map-get($map: $color, $key: white);
}
.right{
    float: right;
}
.navright{
    float: right;
}
.navbar-default{
    background-color: white;
    // height: 80px;
    // border: none;
    .navbar-header{
        .brand{
            img{
                width: 146px;
                height: 62px;
                margin-top: 8px;
            }
        }
    }
    .navbar-nav{
        li a{
            // display: inline-block;
            height: 80px;
            line-height: 50px;
            @include fontBase(14,black);
        }
    }
}
.footer{
    .container{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    background-color: map-get($map: $color, $key: footer);
    p,a{
        @include fontBase(12,white);
        margin-bottom: 3px;
    }
    .footertitle{
        @include fontBase(18,white);
        margin-bottom: 40px;
    }
    .qrcode{
        width: 130px;
        height: 130px;
        // border: none;
        background: linear-gradient(to left, map-get($color,white), map-get($color,white)) left top no-repeat,
        linear-gradient(to bottom, map-get($color,white), map-get($color,white)) left top no-repeat,
        linear-gradient(to left, map-get($color,white), map-get($color,white)) right top no-repeat,
        linear-gradient(to bottom, map-get($color,white), map-get($color,white)) right top no-repeat,
        linear-gradient(to left, map-get($color,white), map-get($color,white)) left bottom no-repeat,
        linear-gradient(to bottom, map-get($color,white), map-get($color,white)) left bottom no-repeat,
        linear-gradient(to left, map-get($color,white), map-get($color,white)) right bottom no-repeat,
        linear-gradient(to left, map-get($color,white), map-get($color,white)) right bottom no-repeat;
        background-size: 1px 15px, 15px 1px, 1px 15px, 15px 1px;
        position: relative;
        img{
            width: 115px;
            height: 115px;
            position: absolute;
            left: 7px;
            top: 7px;

        }
        
    }
}
@each $key in map-keys($viewports){
    @media (min-width: map-get($viewports, $key) )and(max-width:991px) {
        .container {
            width: map-get($viewports, $key);
        }
        @if $key<=3 {
            .navright{
                float: none;
            }
            .navbar-default .navbar-header .brand img{
                margin-top: 0px;
            }
            .footer{
                .footertitle{
                    margin-top: 20px;
                    margin-bottom: 5px;
                }
            }
        }
        @if $key>=4 {
            .navright{
                float: right;
            }
            .navbar-default .navbar-header .brand img{
                margin-top: 8px;
            }
            .footer{
                .footertitle{
                    margin-top: 0px;
                    margin-bottom: 40px;
                }
            }
        }
    }
}